<?php if(!defined('HDPHP_PATH'))exit;C('SHOW_NOTICE',FALSE);?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>分类管理</title>
    <link rel="stylesheet" type="text/css" href="http://hd.com/code/shopping/Static/hdjs/hdjs.css"/>
    <script src="http://hd.com/code/shopping/Static/js/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://hd.com/code/shopping/Static/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="http://hd.com/code/shopping/Static/bootstrap/css/bootstrap.min.css"/>
    <style type="text/css">
        a:hover{
        		text-decoration: none;
        }
    </style>
    <script type="text/javascript">
    		
    		$(function(){
    			//让所有的子分类隐藏
    			$('tr[fid!=0]').hide();
    			//点击展开或者是收缩按钮
    			$('.click').toggle(function(){
    				$(this).removeClass('glyphicon-plus').addClass('glyphicon-minus');
    				//显示子分类
    				var cid = $(this).parents('tr').attr('cid');
    				$('tr[fid='+cid+']').show();
    			},function(){
    				$(this).removeClass('glyphicon-minus').addClass('glyphicon-plus');
    				//显示子分类
    				var cid = $(this).parents('tr').attr('cid');
    				hideTr(cid);
    			})
    		})
    		
    		/**
    		 * 隐藏所有的子分类的tr
    		 */
    		function hideTr(cid){
    			var obj = $('tr[fid='+cid+']');
    			$.each(obj, function() {
    				//收起来变成加号
    				obj.find('a.glyphicon-minus').removeClass('glyphicon-minus').addClass('glyphicon-plus');
    				//隐藏
				obj.hide();		                                                          
			});
			//如果有子分类的时候，递归
			if(obj.length>0){
				var id = obj.attr('cid');
				hideTr(id);
			}
    		}
    		
    </script>
</head>
<body>
<div class="wrap">
    <table class="hd-table hd-table-list">
        <thead>
        <tr fid=0>
            <td width="30"></td>
            <td>分类id</td>
            <td>分类名称</td>
            <td>所属类型</td>
            <td>首页分类显示</td>
            <td width="200">操作</td>
        </tr>
        </thead>
        <tbody>
        	<?php foreach ($data as $k=>$v){?>
	        	<tr cid="<?php echo $v['cid'];?>" fid="<?php echo $v['fid'];?>">
	            <td width="30">
	            <a href="javascript:;" class="glyphicon glyphicon-plus click"></a>
	            </td>
	            <td><?php echo $v['cid'];?></td>
	            <td><?php echo $v['_name'];?></td>
	            <td><?php echo $v['tname'];?></td>
	            <td><?php echo $v['is_nav'];?></td>
	            <td width="200">
					<a href="<?php echo U('addSon',array('cid'=>$v['cid']));?>" class="hd-btn hd-btn-primary hd-btn-xm">添加子分类</a>
					<a href="<?php echo U('edit',array('cid'=>$v['cid']));?>" class="hd-btn hd-btn-success hd-btn-xm">编辑</a>
					<a href="javascript:del_modal(<?php echo $v['cid'];?>);" class="hd-btn hd-btn-danger hd-btn-xm">删除</a>
	            </td>
	        </tr>
	    <?php }?>
        </tbody>
    </table>
    <div class="page_hdjob">
        
    </div>
</div>

</body>
<script type="text/javascript">
	function del_modal(cid){
		hd_modal({
            width: 400,//宽度
            height: 120,//高度
            title: '确认删除吗？',//标题
            content: '',//提示信息
            button: true,//显示按钮
            button_success: "确定",//确定按钮文字
            button_cancel: "取消",//关闭按钮文字
            timeout: 0,//自动关闭时间 0：不自动关闭
            shade: true,//背景遮罩
            shadeOpacity: 0.3,//背景透明度
            success: function () {//点击确定后的事件
				location.href='<?php echo U("del");?>' + '&cid=' + cid;
            },
            cancel: function () {//点击关闭后的事件

            }
        });
	}
</script>
</html>


